<template>
  <mu-bottom-nav :color="style.colorLight2">
      <mu-bottom-nav-item 
        title="主页"
        icon="home"
        to="home"
        />
      <mu-bottom-nav-item 
        title="发现" 
        icon="lens"
        to="recommend"
        />
      <mu-bottom-nav-item 
        title="我" 
        icon="person"
        to="mine"/>
  </mu-bottom-nav>
</template>

<script>
import style from "base/global.scss";
export default {
  name: "TabBar",
  data() {
    return {
      style:style
    };
  }
};
</script>

<style scoped>
</style>
